<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">



    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <h:form id="formulario">
                <p:panel header="Registrar Movimiento" style="width: 100%;margin: 10px auto">        				

                    <p:panelGrid id="formMovimientoCajaChica" style="width: 940px;margin: 10px auto" >
                        <p:row>
                            <p:column style="width:200px">
                                <h:outputLabel id="lblSolicitante" value="SOLICITANTE(*):" styleClass="lblForm" />
                            </p:column>

                            <p:column style="width:230px">
                                <p:inputText id="txtSolicitante" value="#{BKMovimientoCajaChica.movCajaChicaFormulario.solicitante}" 
                                             style="width: 100%" required="true" onkeyup="cambiarMayuscula(this)"/>
                                <p:message for="txtSolicitante" display="text" />
                            </p:column>                                                                       

                            <p:column style="width:200px">
                                <h:outputLabel id="lblMonto" value="MONTO SOLICITADO(*): " styleClass="lblForm" />
                            </p:column>

                            <p:column style="width: 230px">
                                <p:inputText id="txtMonto" value="#{BKMovimientoCajaChica.movCajaChicaFormulario.monto}" 
                                             required="true" style="width: 100%"/>
                                <p:message for="txtMonto" display="text" />
                            </p:column> 

                        </p:row>

                        <p:row>
                            <p:column>
                                <h:outputLabel id="lblConcepto" value="MOTIVO(*): " styleClass="lblForm"/>
                            </p:column>

                            <p:column>
                                <p:selectOneMenu value="#{BKMovimientoCajaChica.movCajaChicaFormulario.motivo}"
                                                 id="cbxTipoMotivo" style="width: 200px" editable="true" required="true" onkeyup="cambiarMayuscula(this)">  
                                    <f:selectItem itemLabel="SELECCIONAR" itemValue="" />   
                                    <f:selectItem itemLabel="GASTOS REPRESENTATIVOS" itemValue="GASTOS REPRESENTATIVOS" />   
                                    <f:selectItem itemLabel="MOVILIDAD" itemValue="MOVILIDAD" />
                                    <f:selectItem itemLabel="TRANSPORTE" itemValue="TRANSPORTE" />
                                    <f:selectItem itemLabel="COMPRAS" itemValue="COMPRAS" />
                                    <f:selectItem itemLabel="VIATICOS" itemValue="VIATICOS" />
                                </p:selectOneMenu>
                                <p:message for="cbxTipoMotivo" display="text" />
                            </p:column>                                       

                            <p:column >
                                <h:outputLabel id="lblFechaSolicitud" value="FECHA SOLICITUD(*):" styleClass="lblForm"/>
                            </p:column>       

                            <p:column>
                                <p:calendar id="calendarFechaSolicitud" value="#{BKMovimientoCajaChica.movCajaChicaFormulario.fechaSolicitud}" 
                                            pattern="dd/MM/yyyy" mindate="#{BKMovimientoCajaChica.fechaMovUltimo}" 
                                            showOn="button" showButtonPanel="true" navigator="true" required="true" size="12" locale="es">
                                    <p:ajax event="dateSelect"/>
                                </p:calendar>
                                <p:message for="calendarFechaSolicitud" display="text" />
                            </p:column>  
                        </p:row>                                                                                                                                   

                        <p:row>   
                            
                            <p:column>
                                <h:outputLabel id="lblUnidadNegocio" value="UNIDAD DE NEGOCIO(*):" styleClass="lblForm" />
                            </p:column>	                            
                            <p:column>
                                <p:selectOneMenu id="cbxUnidadNegocio" style="width: 200px" required="true"
                                                 value="#{BKMovimientoCajaChica.movCajaChicaFormulario.unidadNegocio}">

                                    <f:selectItem itemLabel="SELECCIONAR" itemValue="" /> 	                                    
                                    <f:selectItem itemLabel="TELA" itemValue="T" />  
                                    <f:selectItem itemLabel="PRENDA" itemValue="P" />  
                                    <f:selectItem itemLabel="ADMINISTRACION" itemValue="A" />
                                    <f:selectItem itemLabel="TIENDA" itemValue="I" /> 

                                </p:selectOneMenu>
                                <p:message for="calendarFechaSolicitud" display="text" />
                            </p:column>  
                            
                            <p:column>
                                <h:outputLabel id="lblDescripcion" value="DESCRIPCIÓN: " styleClass="lblForm" />
                            </p:column> 
                            <p:column>

                                <p:inputTextarea id="txtDescripcion" rows="3" style="width: 100%"
                                                 value="#{BKMovimientoCajaChica.movCajaChicaFormulario.descripcion}"/>     

                            </p:column>    
                        </p:row>
                                                                                                                                                                          

                    </p:panelGrid>                                                  

                </p:panel>  

                <center>
                    <h:panelGrid columns="3" cellpadding="10">

                        <p:commandButton id="btnGuardarBorrador" action="#{MBCajaChica.guardarMovBorrador()}" ajax="false"
                                         rendered="false"
                                         value="Guardar Borrador" title="Guardar como Borrador"/>
                        <p:commandButton id="btnGuardar" action="#{MBCajaChica.guardarMovimiento()}" ajax="false" 
                                         value="Guardar Emitido" title="#{message['general.button.guardar']}"/>
                        <p:commandButton id="btnCancelar" action="#{MBCajaChica.cancelarMovimiento}" ajax="false" 
                                         value="Cancelar" title="#{message['general.button.cancelar']}"  immediate="true"/>

                    </h:panelGrid>                
                </center>

                <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>

            </h:form>              

        </ui:define>
    </ui:composition>
</html>
